 <template>
   <Card :shadow="shadow">
      <div class="card-name">
        <div class="name width1">订单详情</div>
      </div>
      <div class="content-con">
        <div class="bank-form">
          <div class="form-item">
            <Row :gutter="24">
              <i-col span="12"
              v-for="(artifcial,index) in artifcialData"
              :key='artifcial.id'>
                <Row style="padding-top: 15px;">
                  <i-col span="8" class="ban-left">
                    {{artifcial.title}}
                  </i-col>
                  <i-col span="16">
                    <i-input :value.sync="artifcial.value" size="large" readonly></i-input>
                  </i-col>
                </Row>
              </i-col>
            </Row>
          </div>
        </div>
        <div class="ban-btn">
          <i-button class="save" size="large" @click="btnClick1">返回</i-button>
        </div>
      </div>
   </Card>

 </template>
<script>

export default {
  name: 'artifcial-order-details',
  props: {
    shadow: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      value: '',
      artifcialData: [
        {
          title: '代付订单号',
          value: 'G01202009221316507230041'
        },
        {
          title: '商户单号',
          value: ''
        },
        {
          title: '代付批次号',
          value: '7b9135faf1dd4e1086603fcc8e9c5a44'
        },
        {
          title: '商户ID',
          value: '20000026'
        },
        {
          title: '代付金额(元)',
          value: '1000'
        },
        {
          title: '代付手续费(元)',
          value: '1'
        },
        {
          title: '打款金额(元)',
          value: '1000'
        },
        {
          title: '扣减金额(元)',
          value: '1001'
        },
        {
          title: '通道ID',
          value: '5'
        },
        {
          title: '账户属性',
          value: '对私'
        },

        {
          title: '账户名',
          value: '11'
        },
        {
          title: '账户号(银行卡号)',
          value: '111'
        },
        {
          title: '转账订单号',
          value: 'T01202009221316507230041'
        },
        {
          title: '状态',
          value: '成功'
        },
        {
          title: '开户行所在省',
          value: ''
        },
        {
          title: '开户行所在市',
          value: ''
        },
        {
          title: '出款卡银行名称',
          value: '浦发银行'
        },
        {
          title: '出款卡银行开户名',
          value: '11'
        },
        {
          title: '出款卡银行卡号',
          value: '6226'
        },
        {
          title: '银行代码',
          value: ''
        },
        {
          title: '客户端IP',
          value: '36.5.101.202'
        },
        {
          title: '设备',
          value: 'web'
        },
        {
          title: '通知地址',
          value: ''
        },
        {
          title: '备注',
          value: '代付:1000元'
        },
        {
          title: '创建时间',
          value: '2020-09-22 13:16:50'
        },
        {
          title: '更新时间',
          value: '2020-09-22 13:17:49'
        }
      ]
    }
  },
  methods: {
    // 返回按钮
    btnClick1 () {
      this.$router.push({ name: 'artificial_order' })
    }
  }
}
</script>
 <style lang="less">
 </style>
